<template>
  <div>
    <img
      :style="{width:width,height:height}"
      :src="require('../../assets/imgs/'+name)"
      class="h1-img1"
      v-if="type=='1'||type==1"
    />
    <img :src="require('../../assets/imgs/'+name)" class="h1-img2" v-if="type=='2'||type==2" />
    <img
      :style="{width:width,height:height}"
      :src="require('../../assets/imgs/'+name)"
      class="h1-img3"
      v-if="type=='3'||type==3"
    />
  </div>
</template>
<script>
export default {
  props: {
    name: {
      type: String,
      default: '大赛详情-标题.png', //标题图标的文件名字
    },
    type: {
      type: String,
      default: '1', //大标题 2中标题 3小标题
    },
    width: {
      type: String,
      default: 'auto', //标题图标的文件名字
    },
    height: {
      type: String,
      default: '23px', //标题图标的文件名字
    },
  },
  data() {
    return {}
  },
}
</script>
<style scoped>
.h1-img1 {
  height: 23px;
  margin-bottom: 15px;
}
.h1-img2 {
  height: 29px;
  margin-bottom: 15px;
}
.h1-img3 {
  height: 34px;
  margin-bottom: 25px;
}
</style>
